<!DOCTYPE html>
<html
  style="
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
  ">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width" />
  </head>
  <body
    style="
      font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      box-sizing: border-box;
      font-size: 14px;
      -webkit-font-smoothing: antialiased;
      -webkit-text-size-adjust: none;
      width: 100% !important;
      height: 100%;
      line-height: 1.5em;
      background-color: #f5f5f5;
      margin: 0;
      padding: 0;
    "
    bgcolor="#f5f5f5">
    <table
      style="
        font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        box-sizing: border-box;
        font-size: 14px;
        width: 100%;
        background-color: #f5f5f5;
        margin: 0;
      "
      bgcolor="#f5f5f5">
      <tr
        style="
          font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
          box-sizing: border-box;
          font-size: 14px;
          margin: 0;
        ">
        <td
          style="
            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
            box-sizing: border-box;
            font-size: 14px;
            vertical-align: top;
            margin: 0;
          "
          valign="top"></td>
        <td
          width="600"
          style="
            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
            box-sizing: border-box;
            font-size: 14px;
            vertical-align: top;
            display: block !important;
            max-width: 600px !important;
            clear: both !important;
            width: 100% !important;
            margin: 0 auto;
            padding: 0;
          "
          valign="top">
          <div
            style="
              font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
              box-sizing: border-box;
              font-size: 14px;
              max-width: 600px;
              display: block;
              margin: 0 auto;
              padding: 0;
            ">
            <table
              width="100%"
              cellpadding="0"
              cellspacing="0"
              style="
                font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                box-sizing: border-box;
                font-size: 14px;
                border-radius: 2px;
                background-color: #fafafa;
                margin: 0;
                border: 1px solid #e0e0e0;
              "
              bgcolor="#fafafa">
              <tr
                style="
                  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  box-sizing: border-box;
                  font-size: 14px;
                  margin: 0;
                ">
                <td
                  style="
                    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                    box-sizing: border-box;
                    font-size: 14px;
                    vertical-align: top;
                    margin: 0;
                    padding: 16px;
                  "
                  valign="top">
                  <table
                    width="100%"
                    cellpadding="0"
                    cellspacing="0"
                    style="
                      font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                      box-sizing: border-box;
                      font-size: 14px;
                      margin: 0;
                    ">
                    <tr
                      style="
                        font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                        box-sizing: border-box;
                        font-size: 14px;
                        margin: 0;
                      ">
                      <td
                        style="
                          font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                          box-sizing: border-box;
                          font-size: 14px;
                          vertical-align: top;
                          margin: 0;
                          padding: 0 0 8px;
                        "
                        valign="top">
                        <h1
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 34px;
                            color: #212121;
                            line-height: 1.2em;
                            font-weight: 400;
                            margin: 8px 0 16px;
                          ">
                          ShieldBattery Email Verification
                        </h1>
                        <p
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 14px;
                            font-weight: normal;
                            margin: 0 0 16px;
                          ">
                          Thank you for signing up to ShieldBattery!
                        </p>
                        <p
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 14px;
                            font-weight: normal;
                            margin: 0 0 16px;
                          ">
                          Please confirm your email address by clicking the link below. We may need
                          to send you critical information about our service and it is important
                          that we have an accurate email address.
                        </p>
                        <p
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 14px;
                            font-weight: normal;
                            margin: 0 0 16px;
                          ">
                          <a
                            href="{{{HOST}}}/verify-email?token={{token}}&userId={{userId}}&username={{username}}"
                            style="
                              font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                              box-sizing: border-box;
                              font-size: 14px;
                              color: #fff;
                              text-decoration: none;
                              line-height: 2em;
                              font-weight: 500;
                              text-align: center;
                              cursor: pointer;
                              display: inline-block;
                              border-radius: 2px;
                              text-transform: uppercase;
                              background-color: #1e88e5;
                              margin: 0;
                              border-color: #1e88e5;
                              border-style: solid;
                              border-width: 6px 16px;
                            "
                            >Verify email</a
                          >
                        </p>
                      </td>
                    </tr>
                    <tr
                      style="
                        font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                        box-sizing: border-box;
                        font-size: 14px;
                        margin: 0;
                      ">
                      <td
                        style="
                          font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                          box-sizing: border-box;
                          font-size: 14px;
                          vertical-align: top;
                          margin: 0;
                          padding: 0 0 8px;
                        "
                        valign="top">
                        <p
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 14px;
                            font-weight: normal;
                            margin: 0 0 16px;
                          ">
                          gl hf gogogo
                        </p>
                        <p
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 14px;
                            font-weight: normal;
                            margin: 0 0 16px;
                          "></p>
                        <p
                          style="
                            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
                            box-sizing: border-box;
                            font-size: 14px;
                            font-weight: normal;
                            margin: 0 0 16px;
                          ">
                          — The ShieldBattery team
                        </p>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </div>
        </td>
        <td
          style="
            font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
            box-sizing: border-box;
            font-size: 14px;
            vertical-align: top;
            margin: 0;
          "
          valign="top"></td>
      </tr>
    </table>
  </body>
</html>
